<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<title>墨阅小说</title>
	<link th:href="@{/moyue/css/bootstrap.min.css}" rel="stylesheet"/>
	<link th:href="@{/moyue/css/new_file.css}"  rel="stylesheet">
	<link th:href="@{/moyue/font-awesome-4.7.0/css/font-awesome.min.css}" rel="stylesheet">
	<link rel="shortcut icon" th:href="@{/moyue/images/favicon.ico}" type="image/x-icon"/>
</head>
	<body>
		<div class="person-header">
            <div class="person-wrapper">
               <div class="wrapper-logo">个人中心</div>
               <div class="wrapper-nav">
                   <ul>
                       <li>
                       		<a th:href="@{/moyue/user/myhomehtml}">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe605;</i>  </span>我的首页
                       		</a>
                       </li>
                       <li>
                       		<a th:href="@{/moyue/book/bookcaselist}">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe603;</i>  </span>我的书架
                       		</a>
                       	</li>
                       <li>
                       		<a th:href="@{/moyue/user/messagehtml}" style="background-color: #EE4259;">
                       			<span style="font-size:18px;"><i class="iconfont">&#xe6f3;</i>  </span>消息中心
                       		</a>
                       </li>
					   <li>
						   <a th:href="@{/moyue/user/booktaghtml}">
							   <span style="font-size:18px;">
								   <i class="fa fa-book"></i>
							   </span>
							   我的书单
						   </a>
					   </li>
                   </ul>
               </div>
               <div class="account-number">
               		<div class="go-home">
						<a th:href="@{/moyue/user/index}">墨阅首页</a>
               		</div>
               		<div class="go-login">
               			
               		</div>
               </div>
            </div>      
        </div>
        
        <div class="person-nav" style="position: relative;">
        	<div class="person-sidebar">
				<div class="grouping">
				    <ul>
			             <li id="aa" style="margin-top:0; color: #EE4259;" class="first-section">
			             	<a href="###">
			             		<span style="font-size:18px;"><i class="fa fa-bullhorn"></i>  </span>系统通知
			             	</a>
			             </li>
			            <li id="bb">
			            	<a href="###">
			            		<span style="font-size:18px;"><i class="fa fa-envelope-o"></i>  </span>私信
			            	</a>
			            </li>
			        </ul>
				</div>  
			</div>
			<div class="person-content" id="a1" style="position: absolute; left: 260px;">
        		<p style="font-size: 20px; font-weight: 600;">系统通知</p>
        		<div class="notification">
        			<div class="recharge">
						<table border="0" cellspacing="" cellpadding="">
							<tr>
								<th  width="300px" scope="col">来自</th>
								<th  width="420px" scope="col">标题</th>
								<th  width="266px" scope="col">日期</th>
							</tr>
						</table>
					</div>	
        		</div>
        	</div>
        	<div class="person-content" id="b1" style="display: none;">
        		<p style="font-size: 20px; font-weight: 600;">私信</p>
        		<div class="notification" style="height: 475px;">
        				
        		</div>
        	</div>
        </div>
        
        <div class="person-footer">
        	<div class="footer">
        		<div class="flider">
        			<div style="margin: 0 auto; width: 405px;">
        				<a href="////">关于墨阅</a>
	        			<a href="////">联系我们</a>
	        			<a href="////">加入我们</a>
	        			<a href="////">帮助中心</a>
	        			<a href="////">提交建议</a>
	        			<a href="////">举报中心</a>
        			</div>
	        		<p><span>Copyright &copy; 2002-2018 www.qidian.com All Rights Reserved</span>版权所有 上海玄霆娱乐信息科技有限公司</p>
		            <p>上海玄霆娱乐信息科技有限公司 增值电信业务经营许可证沪B2-20080046 出版经营许可证 新出发沪批字第U3718号 沪网文[2015]0081-031 新出网证（沪）字010 沪ICP备08017520号-1</p>
		            <p>请所有作者发布作品时务必遵守国家互联网信息管理办法规定，我们拒绝任何色情小说，一经发现，即作删除！举报电话：010-59357051</p>
		            <p>本站所收录的作品、社区话题、用户评论、用户上传内容或图片等均属用户个人行为。如前述内容侵害您的权益，欢迎举报投诉，一经核实，立即删除，本站不承担任何责任</p>
		            <p>联系方式 总机 021-61870500 地址：中国（上海）自由贸易试验区碧波路690号6号楼101、201室</p>
        		</div>
        	</div>
        </div>

		<script th:src="@{/moyue/js/jquery-3.3.1.min.js}"></script>
		<script th:src="@{/moyue/js/bootstrap.min.js}"></script>
		<script type="text/javascript" th:src="@{/moyue/js/new_file.js}"></script>
	</body>
</html>
